<template>
<div>
   <TypeNav/>
   <Banner/>
   <Recommend/>
   <Rank/>
   <like/>
   <floor v-for="item in GetFloorList" :key="item.id" :list="item"/>
   
   <brand/>

  </div>
</template>

<script>
import Banner from "@/pages/Home/TypeNav/banner.vue"
import floor from "@/pages/Home/TypeNav/floor.vue"
import like from "@/pages/Home/TypeNav/like.vue"
import Rank from "@/pages/Home/TypeNav/Rank.vue"
import Recommend from "@/pages/Home/TypeNav/Recommend.vue"
import brand from "@/pages/Home/TypeNav/brand.vue"
import {mapState} from "vuex"

export default {
  components:{
    Banner,
    floor,
    like,
    Rank,
    Recommend,
    brand,
  },
    mounted(){
     this.$store.dispatch("GetFloorList")
       this.$store.dispatch("getUserInfo")
  },
  computed:{
      ...mapState({
          GetFloorList:state=>state.home.reGetFloorList
      }),
    
  },
}
</script>

<style>

</style>